<template>
	<div>
    <div v-wechat-title="$route.meta.title"></div>
		<div class="okd">
			<img src="http://hstatic.1818pay.cn/image/icon/suc.png" />
			<p class="tex1">已下单，支付结果以银行卡实际扣款为准</p>
      <p class="tex">温馨提示：银行卡扣款失败时，请检查输入的银行卡信息是否正确，
        不建议频繁尝试，如有疑问，请咨询客服。</p>
		</div>
		<p  class="rebu" @click="goBack" long>点击返回主页</p>

	</div>
</template>

<script>
export default {
  data() {
    return {
     
    };
  },
 
  methods: {
    goBack() {
      this.$router.push("/");
    }
  }
};
</script>

<style scoped="scoped">
* {
  margin: 0;
  padding: 0;
}

body {
  text-align: center;
  background-color: #f1f1f1;
}

html {
  background-color: #f1f1f1;
}

input[type="number"] {
  -moz-appearance: textfield;
}

input[type="button"] {
  -webkit-appearance: button;
}

header {
  font-size: 18px;
  background-color: #2a71c8;
  color: white;
  text-align: center;
  color: #ffffff;
  padding: 3% 0;
}

header img {
  float: left;
  width: 5%;
  margin: 1% 0 0 2%;
}

.okd {
  text-align: center;
  background-color: #2a71c8;
  padding: 10% 0;
}

.okd img {
  width: 20%;
}
.tex{
  width:80%;
  margin:0 auto;
  color:white;
  text-align: left;
  font-size:15px;
  margin-top:5px;
}
.okd .tex1 {
  font-size: 16px;
  font-family: PingFang-SC-Regular;
  color: #FFB24F;
  line-height: 35px;
  margin-top:15px;
}

.okd .tex2 {
  font-size: 12px;
  font-family: PingFang-SC-Regular;
  color: rgba(136, 179, 232, 1);
  line-height: 35px;
}
.rebu {
  width: 80%;
  margin: 10% auto;
  padding: 5% 0;
  font-size: 18px;
  text-align: center;
  background-color: #2a71c8;
  color: white;
  border-radius: 10px;
}
</style>